<template>
  <div class="app">
    <topBackBar
      Text="我的关注"
      @click="$router.push({ name: 'Mycenter' })"
    ></topBackBar>
    <bottomBar
      :img="item.head_img"
      :title='item.nickname'
      :date='item.create_date'
      :id='item.id'
      v-for="item in dataList"
      :key="item.id"
      @canle='canle'
    ></bottomBar>
  </div>
</template>

<script>
import bottomBar from '../../components/attentionBar'
import topBackBar from '../../components/topBackBar'

export default {
  data () {
    return {
      dataList: []
    }
  },
  methods: {
    canle (falg) {
      console.log(falg)
      this.$axios({
        url: '/user_follows'
      }).then(res => {
        this.dataList = res.data.data
      })
    }
  },
  components: {
    bottomBar,
    topBackBar
  },
  mounted () {
    this.$axios({
      url: '/user_follows'
    }).then(res => {
      this.dataList = res.data.data
      console.log(res)
    })
  }
}
</script>

<style lang="less" scoped>
.app {
  height: 100vh;
}
</style>
